home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle052704.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-05-26  |  22.5 KB  |  1,579 lines
  1. /* body */
  2. body {
  3.     margin: 0 10px;
  4.     background-color: #fff;
  5.     color: #000;
  6.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  7.     }
  8.  
  9. /* links */
  10. a:link {
  11.     color: #00f;
  12.     text-decoration: none;
  13.     }
  14.  
  15. a:visited {
  16.     color: #00a;
  17.     text-decoration: none;
  18.     }
  19.  
  20. a:hover {
  21.     color: #f60;
  22.     text-decoration: underline;
  23.     }
  24.     
  25. a:active {
  26.     color: #f60;
  27.     text-decoration: underline;
  28.     }
  29.  
  30. /* html tags */
  31. th, td, ul, ol, li {
  32.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  33.     }
  34.         
  35. code, pre    {
  36.     color: #000;
  37.     font-family: monaco, "Courier New", courier, monospace;
  38.     font-size: 10px;
  39.     }
  40.  
  41.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  42.  
  43. * html code    {
  44.     font-size: 101%; 
  45.     }
  46.  
  47. * html pre {
  48.     font-size: 101%; 
  49.     }
  50.  
  51. h1 code, h2 code, h3 code, h4 code, th code { font-size: 95%; font-weight: normal; }
  52.  
  53. h1    {
  54.     margin: 0 0 15px 0;
  55.     padding: 0;
  56.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  57.     color: #000;
  58.     }
  59.     
  60. h2    {
  61.     margin: 0 0 5px 0;
  62.     padding: 0;
  63.     font-size: 16px;
  64.     color: #000;
  65.     }
  66.     
  67. p + h2 {
  68.     margin: 20px 0 5px 0;
  69.     }
  70.  
  71. ol + h2 {
  72.     margin: 20px 0 5px 0;
  73.     }
  74.  
  75. ul + h2 {
  76.     margin: 20px 0 5px 0;
  77.     }
  78.     
  79. h3    {
  80.     margin: 0;
  81.     padding: 0;
  82.     font-size: 12px;
  83.     color: #000;
  84.     }
  85.  
  86. h3 + table {
  87.     margin: 5px 0 0 0;
  88.     }
  89.     
  90. h4    {
  91.     margin: 0;
  92.     padding: 0;
  93.     font-size: 12px;
  94.     color: #666;
  95.     }
  96.     
  97. h3 + h4 {
  98.     margin: 10px 0 0;
  99.     }
  100.     
  101. h6    {
  102.     margin: 0;
  103.     padding: 0;
  104.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  105.     color: #000;
  106.     }
  107.  
  108. p    {
  109.     margin: 0 0 10px 0;
  110.     padding: 0;
  111.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  112.     color: #000;
  113.     }
  114.     
  115. th {
  116.     font-weight: bold;
  117.     text-align: left;
  118.     vertical-align: top;
  119.     }
  120.     
  121. form {
  122.     margin: 0;
  123.     }
  124.     
  125. button {
  126.     margin: 3px 0 10px 0;
  127.     }
  128.     
  129. /* lists */
  130. ul    {
  131.     list-style: square outside;
  132.     margin: 0 0 0 30px;
  133.     padding: 0 0 1em 0;
  134.     }
  135.  
  136. li    {
  137.     margin-top: 3px;
  138.     }
  139.     
  140. ul ul {
  141.     margin-left: 40px;
  142.     }
  143.     
  144. ul.compressed {
  145.     margin-top: -10px;
  146.     }
  147.     
  148. ul.compressed li {
  149.     margin-top: 0;
  150.     }
  151.  
  152. ul.marketing {
  153.     padding-left: 0;
  154.     margin: 0 0 16px 0;
  155.     }
  156.     
  157. ul.marketing li    {
  158.     margin-top: 0;
  159.     margin-left: 0;
  160.     margin-bottom: 2px;
  161.     font-size: 10px;
  162.     }
  163.     
  164. ol {
  165.     margin: 0 0 10px 1.5em;
  166.     padding-left: 1.5em;
  167.     }
  168.  
  169. ul.inline, ol.inline, p.inline {
  170.     margin-top: -7px;
  171.     }
  172.     
  173. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  174.     margin-top: 0;
  175.     }
  176.  
  177. ol.faq li {
  178.     font-weight: bold;
  179.     }
  180.     
  181. ol.steps li {
  182.     font-weight: bold;
  183.     }
  184.     
  185. ul.nav {
  186.     margin: 8px 0 0;
  187.     padding: 0;
  188.     list-style-type: none;
  189.     }
  190.  
  191. ul.nav li {
  192.     margin-top: 4px;
  193.     padding-left: 0;
  194.     }
  195.     
  196. ul.nobullet {
  197.     list-style-type: none;
  198.     margin-left: 0;
  199.     padding-left: 0;
  200.     }
  201.     
  202. ul.nobullet li {
  203.     margin: 3px 0 5px;
  204.     padding-left: 0;
  205.     }
  206.     
  207. /* images */
  208. .leftinline {
  209.     margin: 0 10px 5px 0;
  210.     float: left;
  211.     }
  212.  
  213. .rightinline {
  214.     margin: 0 0 5px 10px;
  215.     float: right;
  216.     }
  217.  
  218.  
  219. /* tables */
  220. .bumblebee {
  221.     border-top: 1px solid #919699;
  222.     border-left: 1px solid #919699;
  223.     border-right: 1px solid #919699;
  224.     }
  225.  
  226. .bumblebee td {
  227.     padding: 10px;
  228.     font-size: 10px;
  229.     }
  230.     
  231. .bumblebee th {
  232.     padding: 6px 10px 6px 10px;
  233.     font-size: 10px;
  234.     }
  235.  
  236. .bumblebee th {
  237.     background: #7E91A4;
  238.     color: #FFF;
  239.     }
  240.  
  241. .bumblebee td {
  242.     border-bottom: 1px solid #919699;
  243.     text-align: left;
  244.     vertical-align: top;
  245.     }
  246.  
  247. .bumblebeeblue {
  248.     background: #F0F5F9;
  249.     }
  250.  
  251. .bumblebeewhite {
  252.     background: #FFF;
  253.     }
  254.     
  255. .bumblebee .bumblebeeblue td.sortcolumn {
  256.     background: #DCE5EE;
  257.     }
  258.     
  259. .bumblebee .bumblebeewhite td.sortcolumn {
  260.     background: #F5F5F5;
  261.     }
  262.     
  263. .bumblebee th.sortcolumn {
  264.     background: #334455;
  265.     }
  266.     
  267. .bumblebeetop {
  268.     border-top: 1px solid #919699;
  269.     border-left: 1px solid #919699;
  270.     border-right: 1px solid #919699;
  271.     background: #E2E2E2;
  272.     }
  273.     
  274. .bumblebeetop td{
  275.     padding: 10px;
  276.     }
  277.  
  278. td.middle, th.middle {
  279.     vertical-align: middle;
  280.     }
  281.     
  282. td.top, th.top {
  283.     vertical-align: top;
  284.     }
  285.     
  286. td.bottom, th.bottom {
  287.     vertical-align: bottom;
  288.     }
  289.     
  290. td.center, th.center {
  291.     text-align: center;
  292.     }
  293.     
  294. td.right, th.right {
  295.     text-align: right;
  296.     }
  297.     
  298. .smalltable td p {
  299.     font-size: 11px;
  300.     }
  301.  
  302.     
  303. .graybox {
  304.     border-top: 1px solid #919699;
  305.     border-left: 1px solid #919699;
  306.     margin-bottom: 10px;
  307.     }
  308.     
  309. .graybox th {
  310.     padding: 4px 8px 4px 8px;
  311.     background: #E2E2E2;
  312.     font-size: 12px;
  313.     font-weight: bold;
  314.     border-bottom: 1px solid #919699;
  315.     border-right: 1px solid #919699;
  316.     }
  317.     
  318. .graybox td {
  319.     padding: 8px;
  320.     font-size: 12px;
  321.     text-align: left;
  322.     vertical-align: top;
  323.     border-bottom: 1px solid #919699;
  324.     border-right: 1px solid #919699;
  325.     }
  326.     
  327. .graybox table td {
  328.     border: none;
  329.     padding: 0;
  330.     vertical-align: middle;
  331.     }
  332.  
  333. .marketingbox {
  334.     width: 100%;
  335.     border: 1px solid #a1a5a9;
  336.     }
  337.  
  338. .marketingbox th {
  339.     padding: 4px 8px 4px 8px;
  340.     background: #C83808;
  341.     font-size: 12px;
  342.     font-weight: bold;
  343.     color: #FFF;
  344.     }
  345.  
  346. .marketingbox td {
  347.     padding: 8px 8px 0 8px;
  348.     text-align: left;
  349.     vertical-align: top;
  350.     }
  351.     
  352. .documentationtable {
  353.     border: none;
  354.     }
  355.  
  356. .documentationtable td {
  357.     border-bottom: 1px solid #919699;
  358.     text-align: left;
  359.     vertical-align: top;
  360.     padding: 5px 0 10px 0;
  361.     }
  362.     
  363. .documentationtable .bottom{
  364.     border: 0;
  365.     }
  366.         
  367. .businesstable {
  368.     border: none;
  369.     }
  370.  
  371. .businesstable td {
  372.     text-align: left;
  373.     font-size: 10px;
  374.     vertical-align: top;
  375.     padding: 5px 0 10px 0;
  376.     }
  377.     
  378. .documentationtable p {
  379.     font-size: 10px;
  380.     }
  381.  
  382.  
  383. /* rounded corner tables */
  384. .bigboxtop {
  385.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  386.     }
  387.  
  388. .bigboxleft {
  389.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  390.     }
  391.  
  392. .bigboxright {
  393.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  394.     }
  395.  
  396. .bigboxbottom {
  397.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  398.     }
  399.     
  400. .boxtop {
  401.     background: #FFF url(/images/boxtop.gif) repeat-x top left;
  402.     }
  403.  
  404. .boxleft {
  405.     background: #FFF url(/images/boxleft.gif) repeat-y top left;
  406.     }
  407.  
  408. .boxright {
  409.     background: #FFF url(/images/boxright.gif) repeat-y top left;
  410.     }
  411.  
  412. .boxbottom {
  413.     background: #FFF url(/images/boxbottom.gif) repeat-x top left;
  414.     }
  415.  
  416.  
  417. /* general classes */
  418. .contentpadding {
  419.     padding: 0 10px;
  420.     }
  421.     
  422. .smalltext {
  423.     font-size: 10px;
  424.     }
  425.     
  426. .blueheader {
  427.     color: #FFF;
  428.     background: #7E91A4;
  429.     padding: 3px 0 3px 7px;
  430.     }
  431.  
  432. .sourcecodebox {
  433.     border: 1px solid #c7cfd5;
  434.     background: #f1f5f9;
  435.     margin: 20px 0;
  436.     padding: 15px;
  437.     text-align: left;
  438.     }
  439.     
  440. .notebox {
  441.     border: 1px solid #a1a5a9;
  442.     background: #e8e8e8;
  443.     margin: 20px 0;
  444.     padding: 15px;
  445.     text-align: left;
  446.     }
  447.     
  448. div.notebox {
  449.     padding-bottom: 5px;
  450.     }
  451.     
  452. .gray {
  453.     color: #787c7f;
  454.     }
  455.     
  456. #footnote h3, #footnote p {
  457.     color: #76797C;
  458.     font-size: 11px;
  459.     }
  460.  
  461. .footnote {
  462.     font-size: 11px;
  463.     color: #76797C;
  464.     }
  465.     
  466. .editorial {
  467.     font-style: italic;
  468.     margin: 20px 0;
  469.     }
  470.     
  471. .libindex {
  472.     border-bottom: 1px solid #939393;
  473.     padding: 0 3px;
  474.     background-color: #DADADA;
  475.     margin: 0 1px;
  476.     }
  477.  
  478. /* forms */
  479. #forms input {
  480.     vertical-align: middle;
  481.     padding: 0;
  482.     margin: 0 0 5px 0;
  483.     }
  484.  
  485. #forms select {
  486.     vertical-align: middle;
  487.     padding: 0;
  488.     margin: 0 0 3px 0;
  489.     }
  490.  
  491. #forms .widefield, #advsearch .widefield {
  492.     width: 98%;
  493.     margin-bottom: 5px;
  494.     }
  495.  
  496. #forms .halffield {
  497.     width: 50%;
  498.     margin-bottom: 5px;
  499.     }
  500.  
  501. #forms .extraspace {
  502.     padding-bottom: 8px;
  503.     }
  504.  
  505. #forms .quarterfield {
  506.     width: 25%;
  507.     margin-bottom: 5px;
  508.     }
  509.     
  510. #forms .inputbutton, #advsearch .inputbutton {
  511.     margin: 5px 0 10px 0;
  512.     border: 0;
  513.     }
  514.     
  515. #forms .checkbox, #advsearch .checkbox {
  516.     margin: 0 5px 0 0;
  517.     vertical-align: baseline;
  518.     }
  519.     
  520. #forms .radio {
  521.     margin: 0 5px 0 0;
  522.     vertical-align: baseline;
  523.     }
  524.     
  525. #forms textarea {
  526.     margin: 0 0 10px 0;
  527.     width: 100%;
  528.     }
  529.     
  530. #forms p {
  531.     margin-top: 7px;
  532.     }
  533.     
  534. #forms .buttonlists {
  535.     line-height: 20px;
  536.     }
  537.     
  538. #forms .buttondescription {
  539.     line-height: 15px;
  540.     margin: -10px 10px 5px 20px;
  541.     font-size: 10px;
  542.     }
  543.  
  544.  
  545. /* header */
  546. #adcnavheader td {
  547.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  548.     }
  549.  
  550. #adcnavheader input {
  551.     margin: 0 3px 0 0;
  552.     padding: 0;
  553.     }
  554.  
  555. #adcnavheader .textpadding {
  556.     padding-top: 2px;
  557.     vertical-align: middle;
  558.     }
  559.     
  560. #adcnavheader .searchbutton {
  561.     border: 0;
  562.     }
  563.  
  564.  
  565. /* breadcrumb */
  566. #breadcrumb td {
  567.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  568.     }
  569.  
  570. #breadcrumb form {
  571.     margin: 0;
  572.     }
  573.     
  574. #breadcrumb select {
  575.     vertical-align:  middle;
  576.     }
  577.  
  578.  
  579. /* sidebar */
  580. #sidebar h2, .swlsidebar h2 {
  581.     font-size: 12px;
  582.     }
  583.     
  584. #sidebar h3, #sidebar h4, .swlsidebar h3, .swlsidebar h4 {
  585.     font-size: 12px;
  586.     }
  587.     
  588. #sidebar p, #sidebar ol, #sidebar ul, .swlsidebar p, .swlsidebar ol, .swlsidebar ul {
  589.     font-size: 11px;
  590.     }
  591.  
  592. #sidebar ul, .swlsidebar ul {
  593.     margin-left: 16px;
  594.     padding-left: 0;
  595.     }
  596.  
  597. #sidebar li, .swlsidebar li {
  598.     font-size: 11px;
  599.     margin-top: 2px;
  600.     }
  601.     
  602. #sidebar ul.nav, .swlsidebar ul.nav {
  603.     margin: 8px 0 0;
  604.     padding: 0;
  605.     list-style-type: none;
  606.     }
  607.  
  608. #sidebar ul.nav li, .swlsidebar ul.nav li {
  609.     margin-top: 4px;
  610.     padding-left: 0;
  611.     background: none;
  612.     }
  613.  
  614. /* footer */
  615. #footer td, #footer p {
  616.     font-size: 10px;
  617.     }
  618.     
  619. .footerbreadcrumb {
  620.     font-size: 10px;
  621.     }
  622.  
  623. /* 404 page definitions*/
  624. #notfound h2 {
  625.     font-size: 12px;
  626.     }
  627.     
  628. #notfound h3, #notfound h4 {
  629.     font-size: 12px;
  630.     }
  631.     
  632. #notfound p, #notfound ul {
  633.     font-size: 10px;
  634.     }
  635.  
  636. #notfound ul {
  637.     margin: 0 0 15px 0;
  638.     padding-left: 0;
  639.     list-style-type: none;
  640.     }
  641.  
  642. #notfound ul li {
  643.     font-size: 10px;
  644.     margin: 3px 0 0 0;
  645.     padding-left: 0;
  646.     background: none;
  647.     }
  648.     
  649. #notfound ul ul {
  650.     margin-top: 0;
  651.     margin-left: 16px;
  652.     list-style: square outside;
  653.     }
  654.  
  655. #notfound ul ul li {
  656.     margin-left: 0;
  657.     padding-left: 0;
  658.     }
  659.  
  660. li.sectionbreak {
  661.     margin-bottom: 15px;
  662.     }
  663.  
  664. /* advanced search */
  665. #advsearch h4 {
  666.     margin-bottom: 10px;
  667.     }
  668.     
  669. #advsearch p {
  670.     line-height: 20px;
  671.     }
  672.     
  673. /* contact page */
  674. .iconlinks td {
  675.     font-size: 11px;
  676.     }
  677.     
  678. /* search results */
  679. .boxtop7e91a4 {
  680.     background: #FFF url(/images/boxtop7e91a4.gif) repeat-x top left;
  681.     }
  682.  
  683. .boxtopleft7e91a4 {
  684.     background: #FFF url(/images/boxtopleft7e91a4.gif) repeat-y top left;
  685.     }
  686.  
  687. .boxtopright7e91a4 {
  688.     background: #FFF url(/images/boxtopright7e91a4.gif) repeat-y top left;
  689.     }
  690.  
  691. .boxbottom7e91a4 {
  692.     background: #FFF url(/images/boxbottom7e91a4.gif) repeat-x top left;
  693.     }
  694.  
  695. .filesize {
  696.     color: #7F8285;
  697.     }
  698.  
  699. tr.results th, tr.results td {
  700.     font-size: 12px;
  701.     color: #FFF;
  702.     background-color: #7e91a4;
  703.     font-weight: normal;
  704.     }
  705.  
  706. tr.results a {
  707.     color: #FFF;
  708.     font-weight: bold;
  709.     }
  710.     
  711. .oddrow {
  712.     background-color: #ffffff;
  713.     }
  714.     
  715. .evenrow {
  716.     background-color: #f0f5f9;
  717.     }
  718.  
  719. /* software licensing descriptions */
  720. .swlleftrule {
  721.     border-left: 1px solid #A1A5A9;
  722.     padding-left: 10px;
  723.     padding-right: 10px;
  724.     }    
  725.  
  726. .swlsidebar {
  727.     padding-right: 10px;
  728.     }
  729.  
  730. /* narrative */
  731. #narrative blockquote {
  732.     margin: 0 20px 10px 20px;
  733.     color: #3972B8;
  734.     }
  735.  
  736. #narrative .pullquote {
  737.     font-size: 17px;
  738.     color: #FFF;
  739.     padding: 8px;
  740.     background-color: #3972B8;
  741.     border: 1px solid #000;
  742.     }
  743.     
  744. #narrative.color779D90 blockquote {
  745.     color: #779D90;
  746.     }
  747.     
  748. #narrative.color779D90 .pullquote {
  749.     background-color: #779D90;
  750.     }
  751.  
  752. #narrative.color3C6E6E blockquote {
  753.     color: #3C6E6E;
  754.     }
  755.     
  756. #narrative.color3C6E6E .pullquote {
  757.     background-color: #3C6E6E;
  758.     }
  759.  
  760. #narrative.color6D8042 blockquote {
  761.     color: #6D8042;
  762.     }
  763.     
  764. #narrative.color6D8042 .pullquote {
  765.     background-color: #6D8042;
  766.     }
  767.  
  768. #narrative.color3E583D blockquote {
  769.     color: #3E583D;
  770.     }
  771.     
  772. #narrative.color3E583D .pullquote {
  773.     background-color: #3E583D;
  774.     }
  775.  
  776. #narrative.color9AB0C5 blockquote {
  777.     color: #9AB0C5;
  778.     }
  779.     
  780. #narrative.color9AB0C5 .pullquote {
  781.     background-color: #9AB0C5;
  782.     }
  783.  
  784. #narrative.color3972B8 blockquote {
  785.     color: #3972B8;
  786.     }
  787.     
  788. #narrative.color3972B8 .pullquote {
  789.     background-color: #3972B8;
  790.     }
  791.  
  792. #narrative.color3C6C9D blockquote {
  793.     color: #3C6C9D;
  794.     }
  795.     
  796. #narrative.color3C6C9D .pullquote {
  797.     background-color: #3C6C9D;
  798.     }
  799.  
  800. #narrative.color7A6B94 blockquote {
  801.     color: #7A6B94;
  802.     }
  803.     
  804. #narrative.color7A6B94 .pullquote {
  805.     background-color: #7A6B94;
  806.     }
  807.     
  808. #narrative.color50395C blockquote {
  809.     color: #50395C;
  810.     }
  811.     
  812. #narrative.color50395C .pullquote {
  813.     background-color: #50395C;
  814.     }
  815.     
  816. #narrative.color812A28 blockquote {
  817.     color: #812A28;
  818.     }
  819.     
  820. #narrative.color812A28 .pullquote {
  821.     background-color: #812A28;
  822.     }
  823.  
  824.     
  825.     
  826. /* source code */
  827. #scdetails p {
  828.     line-height: 17px;
  829.     }
  830.     
  831. #scdetails select {
  832.     vertical-align: middle;
  833.     padding: 0;
  834.     margin: 0;
  835.     }
  836.     
  837. #scdetails input {
  838.     vertical-align: middle;
  839.     padding: 0;
  840.     margin: 0;
  841.     }
  842.  
  843. /* Technology Pages */
  844.     
  845. #techstart {
  846.     float: right;
  847.     width: 125px;
  848.     font-size: 10px;
  849.     line-height: 15px;
  850.     padding: 0 0 2px;
  851.     }
  852.     
  853. #techstart h3 {
  854.     font-size: 12px;
  855.     margin-bottom: 3px;
  856.     }
  857.     
  858. p.intro {
  859.     padding: 0 10px 0 0;
  860.     border-right: 1px solid #a1a5a9;
  861.     margin-right: 139px;
  862.     }
  863.  
  864. #techlist {
  865.     font-size: 11px;
  866.     margin: 0 0 15px;
  867.     }
  868.     
  869. #techlist h2 {
  870.     position: relative;
  871.     font-size: 12px;
  872.     padding: 0 0 9px 35px;
  873.     margin: 20px 0 5px;
  874.     background: url(/images/bg_tech_h2.gif) repeat-x bottom left;
  875.     }
  876.     
  877. #techlist h2 img {
  878.     position: absolute;
  879.     left: 0;
  880.     bottom: 1%;
  881.     }
  882.  
  883.     /* hack for various IEs \*/
  884.     #technologypage img {
  885.         bottom: 0;
  886.         }
  887.     
  888.     * html #technologypage h2 {
  889.         height: 100%;
  890.         }
  891.     /* end hack */
  892.  
  893.     
  894. #techlist p, #techlist h3, #techlist li {
  895.     font-size: 11px;
  896.     }
  897.     
  898. #techlist h4 {
  899.     font-weight: bold;
  900.     color: #000;
  901.     font-size: 11px;
  902.     }
  903.     
  904. #techchild h2 {
  905.     padding-bottom: 5px;
  906.     border-bottom: 1px solid #a1a5a9;
  907.     margin-bottom: 10px;
  908.     }    
  909.  
  910. #techchild h3 {
  911.     font-weight: normal;
  912.     }
  913.         
  914. .sidebartable {
  915.     border: 1px solid #a1a5a9;
  916.     margin-bottom: 10px;
  917.     }
  918.     
  919. .sidebartable th {
  920.     padding: 4px 8px 4px 10px;
  921.     background: #DBDBDB;
  922.     font-size: 12px;
  923.     font-weight: bold;
  924.     border-bottom: 1px solid #a1a5a9;
  925.     }
  926.     
  927. .sidebartable td {
  928.     padding: 0 10px 10px;
  929.     font-size: 11px;
  930.     text-align: left;
  931.     vertical-align: top;
  932.     }
  933.     
  934. .sidebartable h2, .sidebartable p, .sidebartable ul {
  935.     margin: 10px 0 2px;
  936.     padding: 0;
  937.     }
  938.     
  939. .sidebartable table td {
  940.     border: none;
  941.     padding: 0;
  942.     vertical-align: middle;
  943.     }    
  944.  
  945. /* --------------- styles from before 12-01-2003 ---------------- */
  946.  
  947. /* home page */
  948. #articlehead {
  949.     font-weight: bold;
  950.     font-size: 12px;
  951.     color: #000; 
  952.     }
  953.  
  954. #linklisthead {
  955.     font-weight: bold;
  956.     font-size: 12px;
  957.     color: #000; 
  958.     }
  959.  
  960. #sectionhead {
  961.     font-weight: bold;
  962.     font-size: 14px;
  963.     color: #000; 
  964.     }
  965.  
  966. #sectionsubhead {
  967.     font-weight: bold;
  968.     font-size: 12px;
  969.     color: #000; 
  970.     }
  971.  
  972. #sectionheadorange {
  973.     font-weight: bold;
  974.     font-size: 14px;
  975.     color: #db3700; 
  976.     }
  977.  
  978. #resources {
  979.     margin-bottom: 3px;
  980.     font-weight: normal;
  981.     font-size: 10px; 
  982.     }
  983.  
  984. .membership_bullets {
  985.     color: #ffffff;
  986.     font-weight: normal;
  987.     font-size: 10px; 
  988.     }
  989.  
  990.  
  991. /* glossary page styles */
  992. #glossary_header { 
  993.     font-size: 12px;
  994.     font-weight: bold; 
  995.     }
  996.  
  997. #glossary_header_letter { 
  998.     font-size: 14px;
  999.     font-weight: bold; 
  1000.     }
  1001.  
  1002.  
  1003. /* form class, removes whitespace browsers use by default with forms */
  1004. #form {
  1005.     margin: 0;
  1006.     }
  1007.  
  1008.  
  1009. /* paragraph describing page located just below the black text page title */
  1010. #paragraph_description {
  1011.     font-size: 12px;
  1012.     }
  1013.  
  1014.  
  1015. /* rate this page feedback form styles */
  1016. #feedback_bull {
  1017.     font-size: 10px;
  1018.     color: #ffffff;
  1019.     text-align: center;
  1020.     }
  1021.  
  1022. #feedback_text {
  1023.     font-size: 10px;
  1024.     color: #000;
  1025.     }
  1026.  
  1027. #radio_help {
  1028.     text-align: center;
  1029.     padding-top: 4px;
  1030.     }
  1031.  
  1032. #radio_easy {
  1033.     text-align: center;
  1034.     padding-bottom: 4px;
  1035.     }
  1036.  
  1037.  
  1038. /* search results box styles */
  1039. #results_cell_first { 
  1040.     border-top: 1px #a2a6a9 solid;
  1041.     border-left: 1px #a2a6a9 solid; 
  1042.     }
  1043.  
  1044. #results_cell_title {
  1045.     padding-top: 10px;
  1046.     padding-bottom: 10px;
  1047.     border-top: 1px #a2a6a9 solid;
  1048.     padding-right: 6px;
  1049.     font-size: 12px;
  1050.     font-weight: bold;
  1051.     vertical-align: top;
  1052.     }
  1053.  
  1054. #results_cell_other {
  1055.     padding-top: 10px;
  1056.     padding-bottom: 10px;
  1057.     border-top: 1px #a2a6a9 solid;
  1058.     padding-left: 6px;
  1059.     padding-right: 6px;
  1060.     vertical-align: top;
  1061.     }
  1062.  
  1063. #results_cell_date {
  1064.     padding-top: 10px;
  1065.     padding-bottom: 10px;
  1066.     border-top: 1px #a2a6a9 solid;
  1067.     padding-left: 4px;
  1068.     vertical-align: top;
  1069.     }
  1070.  
  1071. #results_cell_last {
  1072.     border-top: 1px #a2a6a9 solid;
  1073.     border-right: 1px #a2a6a9 solid;
  1074.     }
  1075.  
  1076. .results_description { 
  1077.     font-size: 10px;
  1078.     font-weight: normal;
  1079.     }
  1080.  
  1081.  
  1082. /* apple script (or any other reference library page) styles */
  1083. #header { 
  1084.     font-size: 12px;
  1085.     font-weight: bold;
  1086.     }
  1087.  
  1088. #link_header {
  1089.     font-size: 10px;
  1090.     font-weight: bold;
  1091.     }
  1092.  
  1093. #blue_header {
  1094.     font-size: 12px;
  1095.     font-weight: bold;
  1096.     color: #000099;
  1097.     }
  1098.  
  1099. #td_left_line {
  1100.     border-left: 1px #555555;
  1101.     }
  1102.  
  1103.  
  1104. /* co marketing styles */
  1105. #icon_cell {
  1106.     height: 93px;
  1107.     text-align: center;
  1108.     }
  1109.  
  1110. #detail_header {
  1111.     text-align: center;
  1112.     background: #6d7f95;
  1113.     color: #ffffff;
  1114.     font-family: verdana;
  1115.     font-weight: bold;
  1116.     font-size: 10px;
  1117.     }
  1118.  
  1119. #vendor_bullet {
  1120.     color: #696969;
  1121.     }
  1122.  
  1123. #comarket_paragraph {
  1124.     color: #696969;
  1125.     font-size: 12px;
  1126.     }
  1127.  
  1128. #vendor_detail {
  1129.     font-size: 12px;
  1130.     }
  1131.  
  1132. #vendor_contact {
  1133.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1134.     font-size: 10px;
  1135.     }
  1136.  
  1137. #detail_heading {
  1138.     font-weight: bold;
  1139.     }
  1140.  
  1141. #detail_copy {
  1142.     font-size: 12px;
  1143.     }
  1144.  
  1145. #discount_box_header {
  1146.     color: #ffffff;
  1147.     font-weight: bold;
  1148.     }
  1149.  
  1150. #discount_box_copy {
  1151.     font-size: 12px;
  1152.     }
  1153.  
  1154. #photo_table_copy {
  1155.     color: #7d7d7d;
  1156.     font-size: 10px;
  1157.     }
  1158.  
  1159.  
  1160.  
  1161. /*narrative styles */
  1162. #narrative_paragraph {
  1163.     color: #696969;
  1164.     font-size: 14px;
  1165.     }
  1166.  
  1167. #narrative_header {
  1168.     font-size: 13px;
  1169.     font-weight: bold;
  1170.     }
  1171.  
  1172. #narrative_content {
  1173.     font-size: 12px;
  1174.     vertical-align: top;
  1175.     }
  1176.  
  1177. #pic_box_text {
  1178.     color: #878787;
  1179.     line-height: 11px;
  1180.     font-size: 11px; 
  1181.     }
  1182.  
  1183. #red_copy {
  1184.     color: #7f0f0b;
  1185.     padding-left: 15px;
  1186.     }
  1187.  
  1188. #blue_copy {
  1189.     color: #466c9b;
  1190.     padding-left: 15px;
  1191.     }
  1192.  
  1193. #green_copy {
  1194.     color: #3b636f;
  1195.     padding-left: 15px;
  1196.     }
  1197.  
  1198. #purple_copy {
  1199.     color: #665588;
  1200.     padding-left: 15px;
  1201.     }
  1202.  
  1203. #gray_copy {
  1204.     color: #787c7f;
  1205.     padding-left: 15px;
  1206.     }
  1207.  
  1208. #pager {
  1209.     color: #76797c;
  1210.     }
  1211.  
  1212.  
  1213.  
  1214. /* frameset: table of contents frame */
  1215. #toc_contents_text {
  1216.     font-size: 12px;
  1217.     color: #0000ff;
  1218.     }
  1219.  
  1220. #toc_contents_text_open {
  1221.     font-size: 12px;
  1222.     background: #ffffff;
  1223.     color: #0000ff;
  1224.     }
  1225.  
  1226. #low_level_text {
  1227.     font-size: 10px;
  1228.     color: #0000ff;
  1229.     }
  1230.  
  1231. #low_level_text_on {
  1232.     font-size: 10px;
  1233.     color: #0000ff;
  1234.     }
  1235.  
  1236. #top_level_open {
  1237.     background: #ffffff;
  1238.     }
  1239.  
  1240. #third_level {
  1241.     background: #ffffff;
  1242.     }
  1243.  
  1244. #toc_contents_title {
  1245.     font-size: 14px;
  1246.     color: #ffffff;
  1247.     font-weight: bold;
  1248.     }
  1249.  
  1250. #toc_contents_heading {
  1251.     font-size: 12px;
  1252.     font-weight: bold;
  1253.     }
  1254.  
  1255.  
  1256.  
  1257. /* frameset: content frame */
  1258. #content_text {
  1259.     font-size: 12px;
  1260.     font-weight: normal;
  1261.     }
  1262.  
  1263.  
  1264. /* frameset: page title */
  1265. #page_title {
  1266.     font-family: 'Myriad Apple', 'Myriad', Arial, Helvetica, 'Lucida Grande';
  1267.     font-size: 36px;
  1268.     font-weight: bold;
  1269.     color: #000;
  1270.     }
  1271.  
  1272.  
  1273. /* frameset: unordered list */
  1274. ul .content {
  1275.     font-size: 12px; 
  1276.     }
  1277.  
  1278.  
  1279. /* product line styles */
  1280. #product_line_list {
  1281.     font-size: 10px; 
  1282.     }
  1283.  
  1284. #product_line_bullet {
  1285.     font-size: 10px;
  1286.     vertical-align: top;
  1287.     color: #0000ff;
  1288.     }
  1289.  
  1290.  
  1291.  
  1292. /* technical note classes */
  1293. #important_note {
  1294.     background: #e2e2e2;
  1295.     border: 1px solid #cccccc;
  1296.     }
  1297. #page_contents {
  1298.     font-size: 12px; line-height: 20px; color: #0000ff;
  1299.     }
  1300.  
  1301. #tech_content {
  1302.     font-size: 12px;
  1303.     }
  1304.  
  1305. #tech_header {
  1306.     font-size: 14px;
  1307.     font-weight: bold;
  1308.     }
  1309.  
  1310. #tech_subhead {
  1311.     font-size: 12px;
  1312.     font-weight: bold;
  1313.     }
  1314.  
  1315. #tech_list {
  1316.     font-size: 12px;
  1317.     padding-bottom: 9px;
  1318.     }
  1319.  
  1320. #source_code_box {
  1321.     border: 1px solid #c7cfd5;
  1322.     background: #f1f5f9; 
  1323.     }
  1324.  
  1325. #source_code {
  1326.     font-family: monaco, courier, monospace;
  1327.     font-size: 10px;
  1328.     margin-bottom: 0;
  1329.     padding: 12px;
  1330.     }
  1331.  
  1332. #example_title {
  1333.     font-size: 10px;
  1334.     margin-bottom: 5px;
  1335.     color: #28333b;
  1336.     }
  1337.  
  1338. #example_table_header {
  1339.     font-weight: bold;
  1340.     background: #c7cfd5; 
  1341.     }
  1342.  
  1343. #example_table_cell {
  1344.     border: 1px #c7cfd5 solid;
  1345.     background: #f1f5f9;
  1346.     vertical-align: top;
  1347.     font-size: 12px;
  1348.     }
  1349.  
  1350. #download_cell_1 {
  1351.     background: #f6f6f6;
  1352.     font-size: 11px;
  1353.     padding-top: 2px;
  1354.     padding-bottom: 2px;
  1355.     padding-left: 2px;
  1356.     border-left: 1px solid #e6e6e6;
  1357.     border-top: 1px solid #e6e6e6;
  1358.     border-bottom: 1px solid #e6e6e6;
  1359.     }
  1360.  
  1361. #download_cell_2 {
  1362.     background: #f6f6f6;
  1363.     font-size: 10px;
  1364.     padding-top: 2px;
  1365.     padding-bottom: 2px; 
  1366.     border-top: 1px solid #e6e6e6;
  1367.     border-bottom: 1px solid #e6e6e6;
  1368.     }
  1369.  
  1370. #download_cell_3 {
  1371.     background: #f6f6f6;
  1372.     font-size: 10px;
  1373.     padding-top: 2px;
  1374.     padding-bottom: 2px;
  1375.     padding-right: 2px;
  1376.     border-right: 1px solid #e6e6e6;
  1377.     border-top: 1px solid #e6e6e6;
  1378.     border-bottom: 1px solid #e6e6e6;
  1379.     }
  1380.  
  1381. #download_content {
  1382.     font-size: 12px;
  1383.     vertical-align: middle;
  1384.     }
  1385.  
  1386. #download_link {
  1387.     font-size: 10px;
  1388.     vertical-align: middle;
  1389.     }
  1390.  
  1391. #back_to_top {
  1392.     font-size: 10px; 
  1393.     }
  1394.  
  1395.  
  1396.  
  1397. /* membership overview styles */
  1398. #member_header {
  1399.     text-align: left;
  1400.     font-family: verdana;
  1401.     font-weight: bold;
  1402.     font-size: 10px;
  1403.     color: #ffffff; 
  1404.     }
  1405.  
  1406. #member_category {
  1407.     text-align: center;
  1408.     border-left: 1px #ffffff solid;
  1409.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1410.     font-weight: bold;
  1411.     font-size: 10px;
  1412.     color: #ffffff;
  1413.     }
  1414.  
  1415. #white_row {
  1416.     background: #ffffff;
  1417.     }
  1418.  
  1419. #blue_row {
  1420.     background: #f0f5f9;
  1421.     }
  1422.  
  1423. #spacer_row {
  1424.     border-right: 1px solid #a2a6a9;
  1425.     border-left: 1px solid #a2a6a9;
  1426.     }
  1427.  
  1428. #left_border {
  1429.     border-left: 1px solid #a2a6a9;
  1430.     }
  1431.  
  1432. #right_border {
  1433.     border-right: 1px solid #a2a6a9;
  1434.     text-align: center;
  1435.     vertical-align: middle;
  1436.     }
  1437. #gray_line {
  1438.     border-right: 1px solid #a2a6a9;
  1439.     border-left: 1px solid #a2a6a9;
  1440.     background: #a2a6a9;
  1441.     }
  1442.  
  1443. #dot_cell {
  1444.     text-align: center;
  1445.     vertical-align: middle;
  1446.     }
  1447.  
  1448. #fine_print {
  1449.     vertical-align: top;
  1450.     font-size: 11px;
  1451.     color: #5f5f5f;
  1452.     }
  1453.  
  1454. #pricing {
  1455.     font-size: 12px;
  1456.     }
  1457.  
  1458.  
  1459.  
  1460.  
  1461. /* sample code classes */
  1462. #right_content {
  1463.     text-align: right;
  1464.     font-size: 12px;
  1465.     }
  1466.  
  1467. #sc_content {
  1468.     font-size: 12px;
  1469.     }
  1470.  
  1471.  
  1472. /* mac os x architecture diagram */
  1473. #archtext {
  1474.     font-size: 11px;
  1475.     color: #333;
  1476.     text-decoration: none;
  1477.     line-height: 15px;
  1478.     }
  1479.  
  1480. #topborder {
  1481.     border-top: 1px solid #999;
  1482.     }
  1483.  
  1484. #greylist {
  1485.     line-height: 16px;
  1486.     color: #333;
  1487.     margin-top: 12px;
  1488.     }
  1489.  
  1490. #archtitle {
  1491.     font-size: 12px;
  1492.     color: #000;
  1493.     text-decoration: none;
  1494.     font-weight: bold;
  1495.     }
  1496.  
  1497. #description {
  1498.     font-size: 11px;
  1499.     color: #333;
  1500.     text-decoration: none;
  1501.     line-height: 15px;
  1502.     }
  1503.  
  1504. .archtitle {
  1505.     font-size: 12px;
  1506.     color: #000;
  1507.     text-decoration: none;
  1508.     font-weight: bold;
  1509.     }
  1510.  
  1511.  
  1512.  
  1513. /* original apple css items (unused at this time) */
  1514. /* ---------------------------------------------- */
  1515.  
  1516. h1 {
  1517.     font-weight: bold; font-size: 18px; 
  1518.     }
  1519.  
  1520. #text {
  1521.     font-size: 10px;  line-height: 16px;
  1522.     }
  1523.  
  1524.  
  1525. #bodytext {
  1526.     font-size: 10px; 
  1527.     }
  1528. #bodytextlarge {
  1529.     font-size: 12px; 
  1530.     }
  1531. #bodytitle {
  1532.     font-weight: bold; font-size: 10px; 
  1533.     }
  1534. #bodytitlelarge2 {
  1535.     font-weight: bold; font-size: 12px; 
  1536.     }
  1537. #bodytitlelarge {
  1538.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1539.     }
  1540. #bodytitleextralarge {
  1541.     font-weight: bold; font-size: 14px; font-family: arial, helvetica, sans-serif
  1542.     }
  1543. #callout {
  1544.     font-weight: bold; font-size: 14px; color: #737373; 
  1545.     }
  1546. #calloutsubitem {
  1547.     font-size: 10px; color: #666666; 
  1548.     }
  1549. #resourcetitle {
  1550.     font-weight: bold; font-size: 10px; 
  1551.     }
  1552. #resourcetext {
  1553.     font-size: 10px; font-family: helvetica, geneva, arial, sans-serif
  1554.     }
  1555. #resourcehead {
  1556.     font-weight: bold; font-size: 11px; color: #808080; font-family: arial, helvetica, sans-serif
  1557.     }
  1558. #mkt {
  1559.     font-size: 12px; font-family: arial, helvetica, sans-serif
  1560.     }
  1561. #mkt2 {
  1562.     font-size: 14px; font-family: arial, helvetica, sans-serif
  1563.     }
  1564. #breadcrumb {
  1565.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1566.     }
  1567. #breadcrumblocation {
  1568.     font-weight: bold; font-size: 12px; color: #cc6600; font-family: arial, helvetica, sans-serif
  1569.     }
  1570. #menutitle {
  1571.     font-weight: bold; font-size: 12px; margin-left: 10px; font-family: arial, helvetica, sans-serif
  1572.     }
  1573. #menutext {
  1574.     font-size: 10px; margin-left: 10px; line-height: 14px; font-family: helvetica, geneva, arial, sans-serif
  1575.     }
  1576. #source {
  1577.     font-size: 9px; color: #666666; font-style: italic; font-family: helvetica, geneva, arial, sans-serif
  1578.     }
  1579.